<template>
  <div :style="bor" :class="classA">
        <span>品牌名称:</span><input 
        class="in-one" 
        type="text" 
        placeholder="请输入搜索条件" 
        :style="mar"
        v-model="searchtext"
        @input="search">
  </div>
</template> 
<style>
span{
    padding-top: 10px;
}
.dv1 {
  width: 800px;
  height: 50px;
  margin-top: 20px;
}
</style>
<script>
import Input from '../组件传值-子传父/Input.vue';
//获取输入框的值
//给点击按钮注册事件

//父传子的流程
//1.首先在子组件的标签上，使用v-bind动态的绑定一个属性data

//2.在子组件的选项中，使用props属性接受传递的参数data

export default {
  components: { Input },
  data() {
    return {
      msg: "第一个组件",
      searchtext:"",
      bor: {
        border: "1px solid black",
        display: "flex",
      },
      spanHtml: '编号:<input class="in-one" type="text">',
      spanHtmltwo: '品牌名称:<input class="in-one" type="text">',
      spanHtmlthree:
        '品牌名称:<input class="in-one" type="text" placeholder="请输入搜索条件">',
      classA: "dv1",
      mar: {
        margin: "10px",
        display: "block",
      },
      btn: {
        height: "30px",
        width: "50px",
        margin: "auto",
      },
      newid: "", //对象不能用等号
      newAddText: "", //对象不能用等号
    };
  },
  methods: {
      search(){
          console.log(111);
          this.$bus.$emit('searchback',this.searchtext)
      }
  },
};
</script>
